﻿<script type="text/javascript">
    function question(field, type, description) {
        $("#framequestion").attr("src", "/doc/question?docid=@(ViewBag.DocID)&field=" + field + "&type=" + type + "&description=" + encodeURIComponent(description));
    }

    $(document).ready(function () {
        $('.table_comment,.table_comment0,.table_comment1').qtip(
    {
        id: 'modal', // Since we're only creating one modal, give it an ID so we can style it
        content: {
            text: $('#divquestion'),
            title: {
                text: 'Modal qTip',
                button: true
            }
        },
        position: {
            my: 'center', // ...at the center of the viewport
            at: 'center',
            target: $(window)
        },
        show: {
            event: 'click', // Show it on click...
            solo: true, // ...and hide all other tooltips...
            modal: true
            //ready: true  // ...and make it modal
        },
        hide: false,
        style: 'ui-tooltip-light ui-tooltip-rounded'
    });
    });
</script>
<div style="display: none; width: 580px;" id="divquestion">
    <iframe id="framequestion" border="0" height="300" width="100%"></iframe>
</div>
